<template>
  <div class="rule-content">
    <div>
      <img id="rule-bg" src='/static/images/rule_details.png' />
      <img id="qr" src='http://121.201.14.248/wangwangba/qrimage/20160531/3121027072.jpg' width="200" height="200" />
    </div>
  </div>
</template>

<script type="text/babel">
  export default {
  }
</script>

<style scoped>
  .rule-content div {
    margin-top: 60px;
    position: relative;
    top: 0px;
    left: 0px;
  }

  .rule-content div img#rule-bg {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .rule-content div img#qr  {
    position: absolute;
    top: 80px;
    left: 700px;
  }

</style>